<template>
    <div>

    </div>
</template>

<script setup>
import { inject, onMounted } from 'vue';
let scene
onMounted(() => {
    scene = inject('$scene')
    const { DrawEvent, DrawPoint } = L7.Draw
    scene.on('loaded', () => {
        const drawPoint = new DrawPoint(scene, {})
        drawPoint.enable()

        drawPoint.on(DrawEvent.change, (allFeatures) => {
            console.log(allFeatures)
        })
    })
})
</script>

<style scoped lang="scss">
.l7-control-container .l7-top .l7-control:not(.l7-control--hide) {
    margin-top: 28px;
}
</style>
